<template>
<div :class="[{ [activeClass]: isActive }, errorClass]">aaaaaaaaa</div>
</template>
<script setup>
import { ref, reactive } from 'vue'

const isActive = ref(true)
const error = ref(null)
const activeClass = ref('active')
const errorClass = ref('text-danger')

</script>


<style lang='scss' scoped>

</style>